﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Omabar.CMS.Mobile.Index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link type="text/css" rel="stylesheet" href="css/index.css" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css" />
    <link type="text/css" rel="stylesheet" href="css/zzsc.css" media="screen" />

    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/zzsc.js" type="text/javascript"></script>

    <title>欧玛贝，来自德国，专注定制</title>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#bottomNav a").click(function () {
                $("#bottomNav a").removeClass("current");
                $(this).addClass("current");
            });
        });
    </script>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div id="top">
                    <img src="images/BgTop.png" style="width: 100%;" alt="" />
                </div>
                <div id="TCarousel" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <%for (int i = 0; i < tSliders.Count; i++)
                          {%>
                        <%if (i == 0)
                          { %>
                        <li data-target="#TCarousel" data-slide-to="0" class="active"></li>
                        <%} %>
                        <%else
                          { %>
                        <li data-target="#TCarousel" data-slide-to="<%=i%>"></li>
                        <%} %>
                        <%} %>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <%for (int i = 0; i < tSliders.Count; i++)
                          {%>
                        <%var route = tSliders[i]; %>
                        <div class="item<%=i==0?" active":""%>">
                            <a href="<%=route.SLIDER_URL%>">
                                <img class="first-slide" src="<%=route.SLIDER_IMAGE %>" alt="<%=route.SLIDER_DES%>" /></a>
                        </div>
                        <%}%>
                    </div>
                    <a class="left carousel-control" href="#TCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#TCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
                <div class="gridContainer01 gridContainer">
                    <h2 class="headingStyle">欧玛贝独创</h2>
                </div>

                <div id="OCarousel" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <%for (int i = 0; i < orginSliders.Count; i++)
                          {%>
                        <%if (i == 0)
                          { %>
                        <li data-target="#OCarousel" data-slide-to="0" class="active"></li>
                        <%} %>
                        <%else
                          { %>
                        <li data-target="#OCarousel" data-slide-to="<%=i%>"></li>
                        <%} %>
                        <%} %>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <%for (int i = 0; i < orginSliders.Count; i++)
                          {%>
                        <%var route = orginSliders[i]; %>
                        <div class="item<%=i==0?" active":""%>">
                            <a href="<%=route.SLIDER_URL%>">
                                <img class="first-slide" src="<%=route.SLIDER_IMAGE %>" alt="<%=route.SLIDER_DES%>" /></a>
                            <div class="carousel-caption">
                                <h4 style="line-height:0.8;font-size:12px;">
                                    <%=route.SLIDER_DES%>
                                </h4>
                            </div>
                        </div>
                        <%}%>
                    </div>
                    <a class="left carousel-control" href="#OCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#OCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>

                <div class="tabbable" id="tabs-320780">
                    <h2 class="headingStyle">专属定制师</h2>
                    <ul class="nav nav-tabs">
                        <%foreach (var tailor in tailors)
                          { %>
                        <li>
                            <a href="#panel_<%=tailor.TAILOR_ID %>" data-toggle="tab">
                                <img src="<%=tailor.TAILOR_HEAD_IMG %>" alt="" /><%=tailor.TAILOR_NAME%></a>
                        </li>
                        <%}%>
                    </ul>
                    <div class="tab-content">
                        <%foreach (var tailor in tailors)
                          { %>
                        <div class="tab-pane" id="panel_<%=tailor.TAILOR_ID%>">
                            <p>
                                <%=tailor.TAILOR_INFO %>
                            </p>
                        </div>
                        <%}%>
                    </div>

                    <div class="bottomNav" id="bottomNav" style="height:55px;">

                        <div class="Nav"  >
                        <a href="#top" ><img src="images/N_1_1.png" style="width:50px; height:50px;margin-left:10px; margin-right:15px; margin-top:5px;" /></a>
                        <a href="RouteCategory.aspx" ><img src="images/N_2.png" style="width:50px; height:50px;margin-right:15px; margin-left:15px; margin-top:5px;" /></a>
                        <a href="PersonalTailor.aspx" ><img src="images/N_3.png" style="width:50px; height:50px;margin-right:15px; margin-left:15px; margin-top:5px;" /></a>
                        <a href="SpecialItemList.aspx" ><img src="images/N_4.png" style="width:50px; height:50px;margin-right:15px; margin-left:10px; margin-top:5px;" /></a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
